body {
	background-color: #e8e8e8;
	background: url(../../assets/images/mebackground.jpg) no-repeat center/cover;
	//用户名
	.user {
		height: 150px;
		background-color: rgba(225, 225, 225, 0.7);
		margin-bottom: 20px;
		padding: 20px;
		.suer_top {
			display: flex;
			margin-bottom: 10px;
			// 头像图片
			.head {
				width: 80px;
				height: 80px;
				border-radius: 40px;
				border: 2px solid #4294ff;
				background-color: #8a8a8a;
				position: relative;
				i {
					background-color: #e2c08d;
					color: #f00;
					font-size: 25px;
					position: absolute;
					right: -15px;
					bottom: 0px;
				}
			}
			// 昵称
			p {
				height: 80px;
				line-height: 80px;
				font-weight: bold;
				margin-left: 20px;
			}
		}
	}
	//运动数据
	.sportsnum {
		height: 150px;
		background-color: rgba(225, 225, 225, 0.7);
		margin-bottom: 20px;
		padding: 10px;
		p {
			height: 30px;
			font-size: 16px;
			line-height: 30px;
			display: flex;
			justify-content: space-between;
			span {
				font-size: 18px;
				i {
					font-size: 30px;
					color: #4294ff;
					vertical-align: middle;
				}
			}
			a {
				font-size: 30px;
			}
		}
		.sportsnum_main {
			display: flex;
			justify-content: space-between;
			margin-top: 10px;
			.addsports {
				width: 45%;
				color: #000;
				div {
					padding-top: 10px;
					span {
						font-size: 30px;
						color: #4294ff;
					}
				}
			}
			.consume {
				border-left: 1px dashed #ccc;
				width: 55%;
				padding-left: 10px;
				div {
					padding-top: 10px;
					color: #000;
					span {
						font-size: 30px;
						color: #4294ff;
					}
				}
			}
		}
	}
	//我的运动徽章
	.mybadge {
		height: 150px;
		background-color: rgba(225, 225, 225, 0.7);
		margin-bottom: 20px;
		padding: 10px;
		p {
			height: 30px;
			font-size: 16px;
			line-height: 30px;
			display: flex;
			justify-content: space-between;
			span {
				font-size: 18px;
				i {
					font-size: 30px;
					color: #4294ff;
					vertical-align: middle;
				}
			}
			a {
				font-size: 30px;
			}
		}
		.mybadge_main {
			display: flex;
			justify-content: space-around;
			div {
				width: 100px;
				height: 100px;
				border: 1px solid #000;
				border-radius: 50px;
				text-align: center;
			}
			.badge1 {
				background: url(../../assets/images/getbadge01.jpg) no-repeat
					center/cover;
			}
			.badge2 {
				background: url(../../assets/images/getbadge02.jpg) no-repeat
					center/cover;
			}
            .badge3{
                    background: url(../../assets/images/mybadge03.jpg) no-repeat center/cover;
                }
		}
	}
	//退出登录
	.log_off {
		height: 50px;
		line-height: 50px;
		background-color: rgba(225, 225, 225, 0.7);
		margin-bottom: 20px;
		text-align: center;
		a {
			color: #4294ff;
		}
	}
}
